import React from 'react'
import Title from './Account_management/component/xitong_Title'
import Flushed from '../Monitoring_analytics/Operate_monitor/Component/Flushed'

import { Space, Table, Tag } from 'antd';
import type { TableProps } from 'antd';

export default function Account_management() {
  interface DataType {
    key: string;
    name: string;
    age: string;
    address: string;
  }

  const columns: TableProps<DataType>['columns'] = [
    {
      title: 'ID',
      dataIndex: 'key',
      key: 'name',
      render: (text) => <a>{text}</a>,
    },
    {
      title: '操作时间',
      dataIndex: 'name',
      key: 'name',
      render: (text) => <a>{text}</a>,
    },
    {
      title: '账号',
      dataIndex: 'age',
      key: 'age',
    },
    {
      title: '操作行为',
      dataIndex: 'address',
      key: 'address',
    },
  ];

  const data: DataType[] = [
    {
      key: '1',
      name: '2024.11.14 10:32:04',
      age:'admin',
      address: 'admin修改了订单状态',
    },
    {
      key: '2',
      name: '2024.11.14.10:32:45',
      age: 'zhangsan',
      address: 'zhangsan新增了管理账号',
    },
    {
      key: '3',
      name: '2024.11.14.11:45:46',
      age: 'xuxiaokun',
      address: 'xuxiaokun通过了wangmenghan的审核',
    },
  ];



  return (
    <div>
      <Title name='操作日志' />
      <Flushed></Flushed>
      <div style={{width:'100%',backgroundColor:'white', padding:'0.5rem',marginTop:'0.5rem'}}>
        <Table<DataType> columns={columns} dataSource={data} />
      </div>

    </div>
  )
}
